<template>
  <div @click="$router.push('/userperson')">我的信息栏</div>
  <div @click="$router.push('/usershell')">我的售卖品</div>
  <div @click="$router.push('/usercart')">我的购物车</div>
  <div @click="$router.push('/userrecode')">我的成交栏</div>
</template>

<style>
.personMenuModule {
  display: flex;
  flex-direction: column;
  width: 10%;
  height: 60%;
}

.personMenuModule div {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 30%;
  font-family: "宋体";
  font-size: 1vw;
  font-weight: 600;
  border-bottom: 2px solid #ffffff;
  background-color: #f0f0f0;
}

.personMenuModule div:hover {
  background-color: #adc7ff;
}
</style>